// pages/search/details/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    valueLen: false, //input输入字符长度为0时
    cursor: 0, //输入框字符长度
    value: '', //输入框的值
    result: false, //点击搜索有结果返回时为true，没有则为false
    triangleFlg: true,  //综合排序三角形方向标志位
    priceFlg: true, //价格排序三角形方向标志位
    screenFlg: true, //筛选排序点击事件标志位
    salesFlg: true,//销量点击事件标志位
    recentFlg: true,  //最近搜索记录是否显示
    //最近搜索的历史记录
    recentList: [{
      text: '男生短裤'
    }, {
      text: '台式电脑'
    }, {
      text: '男生洗脸乳'
    }, {
      text: '男生T恤'
    }, {
      text: 'iPhone X'
    }, {
      text: '潮男套装'
    }, {
      text: '笔记本电脑'
    }, {
      text: '华为Nova 2s'
    }],
    //热门搜索列表
    hotList: [{
      text: '男生短裤'
    }, {
      text: '台式电脑'
    }, {
      text: '男生洗脸乳'
    }, {
      text: '男生T恤'
    }, {
      text: 'iPhone X'
    }, {
      text: '潮男套装'
    }, {
      text: '笔记本电脑'
    }, {
      text: '华为Nova 2s'
    }],
    //智能选词列表
    smartChoice: [{
      text: '手机'
    }, {
      text: '手机1'
    }, {
      text: '手机2'
    }, {
      text: '手机3'
    }, {
      text: '手机4'
    }, {
      text: '手机5'
    }, {
      text: '手机6'
    }, {
      text: '手机7'
    }, {
      text: '手机8'
    }, {
      text: '手机9'
    }, ],
    goodsList: [1, 2, 3, 4, 5, 6, 7]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    console.log("========")
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    console.log("========")
    var goodsList = this.data.goodsList
    for (var i = 0; i < 10; i++) {
      goodsList.push(i)
    }
    this.setData({
      goodsList,
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },
  //实时获取用户输入
  searchInputTap: function(e) {
    console.log(e.detail.cursor)
    var cursor = e.detail.cursor
    console.log(e.detail.value)
    var value = e.detail.value
    this.setData({
      value,
    })
    if (cursor == 0) {
      this.setData({
        valueLen: false
      })
    } else {
      this.setData({
        valueLen: true
      })
    }
  },
  //清除输入框内容
  clearTap: function() {
    this.setData({
      valueLen: false,
      cursor: 0,
      value: ''
    })
  },
  //点击搜索，提交input的值
  searchTap: function() {
    if (this.data.value.length == 0) {
      return
    }
    this.setData({
      result: true
    })
    console.log(this.data.value)
  },
  //综合排序点击事件
  triangleFlgTap: function() {
    var triangleFlg = this.data.triangleFlg
    this.setData({
      triangleFlg: !triangleFlg,
      screenFlg: true,
      priceFlg: true
    })
  },
  //销量排序点击事件
  salesTap:function() {
    var salesFlg = this.data.salesFlg
    this.setData({
      triangleFlg: true,
      screenFlg: true,
      priceFlg: true
    })
  },
  //价格排序点击事件
  priceFlgTap: function() {
    var priceFlg = this.data.priceFlg
    this.setData({
      priceFlg: !priceFlg,
      triangleFlg: true,
      screenFlg: true
    })
  },
  //筛选点击事件
  screenTap: function() {
    var screenFlg = this.data.screenFlg
    this.setData({
      screenFlg: !screenFlg,
      priceFlg: true,
      triangleFlg: true
    })
  },
  //点击商品，查看详情
  goGoodsTap: function() {
    console.log("========")
  },
  //智能选词列表点击事件
  smartChoiceTap: function(e) {
    console.log(e)
    console.log(e.currentTarget.dataset.text)
    var text = e.currentTarget.dataset.text
    this.setData({
      value: text,
      result: true
    })

  },
  //删除最近搜索列表
  deleteRecordsTap: function() {
    console.log("======")
    this.setData({
      recentFlg: false
    })
  },
  //返回搜索结果之后，重新搜索时，隐藏商品列表，回到搜索初始页
  focusInputTap: function(e) {
    console.log(e)
    this.setData({
      result: false
    })
  },
  //最近搜索点击事件
  selectHistoryTap: function(e) {
    var text = e.currentTarget.dataset.text
    this.setData({
      value: text,
      result: true
    })
  },
  //热门搜索点击事件
  hotSearchesTap: function(e) {
    var text = e.currentTarget.dataset.text
    this.setData({
      value: text,
      result: true
    })
  }
})